<template>
  <div class="flex justify-between">
    <div class="flex items-start">
      <div class="mr-2 text-2xl">{{ moment().format('DD') }}</div>
      <div>
        <div class="capitalize text-xl">{{ moment().format('MMMM') }}</div>
        <div class="text-base">{{ moment().format('YYYY') }}</div>
      </div>
    </div>
    <div class="text-4xl">{{ moment().format('HH:mm') }}</div>
  </div>
</template>

<script setup lang="ts">
import moment from 'moment';
</script>

<style scoped></style>
